<template>
	<view class="page">
		<view class="head">
			<image class="img" src="../../static/znfa-head.png" mode=""></image>
		</view>
		<view class="dingwei">
			<image class="icon" src="../../static/dingwei-1.png" mode=""></image>
			<text>重庆</text>
		</view>
		<view class="type">
			<view class="title">
				考生类型
			</view>
			<helang-checkbox ref="checkbox" @change="valueChange"></helang-checkbox>
		</view>
		<view class="score">
			<view class="title">
				高考分数
			</view>
			<input type="text" placeholder="请填写高考分数" placeholder-class="placeholder">
		</view>
		<view class="btn" @click.stop="query">
			查询
		</view>
	</view>
</template>

<script>
	import helangCheckbox from "@/components/helang-checkbox/helang-checkbox.vue"

	export default {
		components: {
			"helang-checkbox": helangCheckbox
		},
		data() {
			return {

			}
		},
		onshow: function() {
			let that = this;

		},
		mounted() {
			this.$nextTick(() => {
				this.$refs.checkbox.set({
					//这里填写插件所需参数
					type: 'radio', // 类型：单选框
					index: 0, // 默认选中的项
					column: 2, // 分列
					list: [ // 列表数据
						{
							text: '普通考生'
						},
						{
							text: '艺术考生'
						}
					]
				})
			})
		},
		methods: {
			valueChange() {
				let that = this;
				/* 获取 已选项的值 */
				let data = that.$refs.checkbox.get(); // 组件返回的数据
				console.log(data);
			},
			// 查询
			query(){
				uni.navigateTo({
					url:'../zhinengtuijian/zhinengtuijian'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import 'smartSolution.scss'
</style>
